diff options
| author | Adam Soltys <[email protected]> | 2023-11-10 21:33:49 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-11 00:04:22 -0800 |
| commit | ae87f1d43c6d2cf34bd2ea6fd7b4d28af6d2aa91 (patch) | |
| tree | 694efda287338a3b81c5d7d41328c9f2e30e5218 /src/routes/(app)/[username]/funds | |
| parent | efdbc67c17fab67bf3cdce448a30aa82f62c5212 (diff) | |
| download | coinos-ui-ae87f1d43c6d2cf34bd2ea6fd7b4d28af6d2aa91.tar.gz coinos-ui-ae87f1d43c6d2cf34bd2ea6fd7b4d28af6d2aa91.zip | |
nav update
Diffstat (limited to 'src/routes/(app)/[username]/funds')
| -rw-r--r-- | src/routes/(app)/[username]/funds/+page.server.js | 0 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/funds/+page.svelte | 56 |
2 files changed, 56 insertions, 0 deletions
diff --git a/src/routes/(app)/[username]/funds/+page.server.js b/src/routes/(app)/[username]/funds/+page.server.js new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/src/routes/(app)/[username]/funds/+page.server.js diff --git a/src/routes/(app)/[username]/funds/+page.svelte b/src/routes/(app)/[username]/funds/+page.svelte new file mode 100644 index 00000000..6479fb8b --- /dev/null +++ b/src/routes/(app)/[username]/funds/+page.svelte @@ -0,0 +1,56 @@ +<script> + import { Avatar, Icon } from '$comp'; + import { t } from '$lib/translations'; + + export let data; + + let { funds } = data; +</script> + +<div class="mt-24 mb-20"> + <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10"> + Funds + </h1> + + <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5"> + <div class="text-base"> + <div class="grid grid-cols-3 border-b h-24 hover:bg-gray-100 px-4"> + <div class="whitespace-nowrap my-auto"> + + <div class="text-secondary"> + + </div> + </div> + + <div class="flex my-auto"> + <div class="text-secondary flex"> + <div class="my-auto mr-1"> + <img src="/images/moneypot.png" class="w-12" alt="Pot" /> + </div> + + <div class="my-auto">Pot</div> + </div> + </div> + + <div class="text-secondary text-right text-sm my-auto"> + <div> + + </div> + </div> + </div> + </div> + + <button + class="ml-auto rounded-full border py-2 px-4 w-36 hover:opacity-80 flex mx-auto" + > + <Icon icon="plus" style="opacity-50 mr-2 my-auto" /> + <div class="my-auto">{$t('payments.create')}</div> + </button> + </div> +</div> + +<style> + .active * { + @apply bg-black text-white border-black; + } +</style> |